<?xml version="1.0" encoding="UTF-8"?>
<html>

<head>
<title>Joshua's Homepage</title>
<style type="text/css">
div {
    border: 1px solid black; 
    }

.box1 {
    width: 50%;
	text-align: center;
    }
.box2 {
    width: 25%;
	text-align: right;
    }
.box3 {
    width: 50%;
	margin-left: 50px;
    }
.box4 {
	width: 150px;
	margin-left: 50%;
	}
    
</style>

    </head>
    <body>
    
    <div class="box1">fifty percent wide</div>
    <div class="box2">25% right</div>
    <div class="box3">50% w/ 50px left margin</div>
    <div class="box4">150px wide, 50% left margin</div>
    </body>
</html>

